﻿<UserControl x:Class="TVersiPlay.MediaBrowse.Views.ThreeOrMoreMusicView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
              xmlns:igDP="http://infragistics.com/DataPresenter"
	         xmlns:igWindows="http://infragistics.com/Windows"
             xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
             xmlns:ca="clr-namespace:TVersiPlay.Common;assembly=TVersiPlay.Common"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300">
    <UserControl.Resources>
        <BooleanToVisibilityConverter x:Key="BoolToVisConverter" />

        <Style x:Key="btnNavPrev" BasedOn="{x:Null}" TargetType="{x:Type Button}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Button}">
                        <Grid Background="#00000000" x:Name="grid" Width="40" Height="40">
                            <Path
								Margin="0,1,0,0"
								HorizontalAlignment="Center"
								VerticalAlignment="Top"
								Height="37"
								Width="37"
								Stretch="Fill"
								Opacity="1"
								Data="M 0,19.5 C0,9.2825927734375 8.2825927734375,1 18.5,1 28.7174072265625,1 37,9.2825927734375 37,19.5 37,29.7174072265625 28.7174072265625,38 18.5,38 8.2825927734375,38 0,29.7174072265625 0,19.5 z"
								Fill="#d6d5d6" />
                            <Path
								Margin="0,0,0,0"
								HorizontalAlignment="Center"
								VerticalAlignment="Top"
								Height="37"
								Width="37"
								Stretch="Fill"
								Opacity="1"
								Data="M 1,18.5 C1,8.83489990234375 8.83489990234375,1 18.5,1 28.16510009765625,1 36,8.83489990234375 36,18.5 36,28.16510009765625 28.16510009765625,36 18.5,36 8.83489990234375,36 1,28.16510009765625 1,18.5 z" Stroke="#FF5F5E5E">
                                <Path.Fill>
                                    <LinearGradientBrush
										StartPoint="0.42857142857142855,0.02857142857142857"
										EndPoint="0.42857142857142855,0.9714285714285714">
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStopCollection>
                                                <GradientStop
													Color="#FFfffffe"
													Offset="0" />
                                                <GradientStop
													Color="#FF848382"
													Offset="0.9944444298744202" />
                                            </GradientStopCollection>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>

                            <Path
								Height="Auto"
								Width="Auto"
								Stretch="Fill"
								Opacity="1"
								Data="M 1,18.5 C1,8.83489990234375 8.83489990234375,1 18.5,1 28.16510009765625,1 36,8.83489990234375 36,18.5 36,28.16510009765625 28.16510009765625,36 18.5,36 8.83489990234375,36 1,28.16510009765625 1,18.5 z" Stroke="{x:Null}" Visibility="Collapsed" Margin="1.5,0,1.5,3" x:Name="path">
                                <Path.Fill>
                                    <RadialGradientBrush GradientOrigin="0.481,0.537">
                                        <RadialGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <ScaleTransform ScaleX="1" ScaleY="1"/>
                                                <SkewTransform AngleX="0" AngleY="0"/>
                                                <RotateTransform Angle="0"/>
                                                <TranslateTransform X="0.006" Y="0.013"/>
                                            </TransformGroup>
                                        </RadialGradientBrush.RelativeTransform>
                                        <GradientStop Color="#FFBFBFBF" Offset="0"/>
                                        <GradientStop Color="#FF484848" Offset="0.99444442987442017"/>
                                        <GradientStop Color="#FF8D8C8B" Offset="0.918"/>
                                    </RadialGradientBrush>
                                </Path.Fill>
                            </Path>

                            <Path
								Margin="0,1,4,2"
								HorizontalAlignment="Center"
								VerticalAlignment="Center"
								Height="15"
								Width="14"
								Stretch="Fill"
								Opacity="1"
								Data="M 0,1 C0,1 14,8 14,8 14,8 0,16 0,16 0,16 0,1 0,1 z"
								Fill="#e1e1e0" RenderTransformOrigin="0.5,0.5" d:IsLocked="True" >
                                <Path.RenderTransform>
                                    <TransformGroup>
                                        <ScaleTransform ScaleX="-1" ScaleY="1"/>
                                        <SkewTransform AngleX="0" AngleY="0"/>
                                        <RotateTransform Angle="0"/>
                                        <TranslateTransform X="0" Y="0"/>
                                    </TransformGroup>
                                </Path.RenderTransform>
                            </Path>
                            <Path
								Margin="0,0,4,2"
								HorizontalAlignment="Center"
								VerticalAlignment="Center"
								Height="15"
								Width="14"
								Stretch="Fill"
								Opacity="1"
								Data="M 0,0 C0,0 14,7 14,7 14,7 0,15 0,15 0,15 0,0 0,0 z"
								Fill="#2b2c2c" RenderTransformOrigin="0.5,0.5" d:IsLocked="True" >
                                <Path.RenderTransform>
                                    <TransformGroup>
                                        <ScaleTransform ScaleX="-1" ScaleY="1"/>
                                        <SkewTransform AngleX="0" AngleY="0"/>
                                        <RotateTransform Angle="0"/>
                                        <TranslateTransform X="0" Y="0"/>
                                    </TransformGroup>
                                </Path.RenderTransform>
                            </Path>





                        </Grid>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsFocused" Value="True"/>
                            <Trigger Property="IsDefaulted" Value="True"/>
                            <Trigger Property="IsMouseOver" Value="True"/>
                            <Trigger Property="IsPressed" Value="True">
                                <Setter Property="Visibility" TargetName="path" Value="Visible"/>
                            </Trigger>
                            <Trigger Property="IsEnabled" Value="False"/>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <Setter Property="Cursor" Value="Hand"/>
        </Style>
        <Style x:Key="btnNavNext" BasedOn="{x:Null}" TargetType="{x:Type Button}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Button}">
                        <Grid Background="#00000000" x:Name="grid" Width="40" Height="40">
                            <Path
								Margin="0,1,0,0"
								HorizontalAlignment="Center"
								VerticalAlignment="Top"
								Height="37"
								Width="37"
								Stretch="Fill"
								Opacity="1"
								Data="M 0,19.5 C0,9.2825927734375 8.2825927734375,1 18.5,1 28.7174072265625,1 37,9.2825927734375 37,19.5 37,29.7174072265625 28.7174072265625,38 18.5,38 8.2825927734375,38 0,29.7174072265625 0,19.5 z"
								Fill="#d6d5d6" />
                            <Path
								Margin="0,0,0,0"
								HorizontalAlignment="Center"
								VerticalAlignment="Top"
								Height="37"
								Width="37"
								Stretch="Fill"
								Opacity="1"
								Data="M 1,18.5 C1,8.83489990234375 8.83489990234375,1 18.5,1 28.16510009765625,1 36,8.83489990234375 36,18.5 36,28.16510009765625 28.16510009765625,36 18.5,36 8.83489990234375,36 1,28.16510009765625 1,18.5 z" Stroke="#FF5F5E5E">
                                <Path.Fill>
                                    <LinearGradientBrush
										StartPoint="0.42857142857142855,0.02857142857142857"
										EndPoint="0.42857142857142855,0.9714285714285714">
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStopCollection>
                                                <GradientStop
													Color="#FFfffffe"
													Offset="0" />
                                                <GradientStop
													Color="#FF848382"
													Offset="0.9944444298744202" />
                                            </GradientStopCollection>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>

                            <Path
								Height="Auto"
								Width="Auto"
								Stretch="Fill"
								Opacity="1"
								Data="M 1,18.5 C1,8.83489990234375 8.83489990234375,1 18.5,1 28.16510009765625,1 36,8.83489990234375 36,18.5 36,28.16510009765625 28.16510009765625,36 18.5,36 8.83489990234375,36 1,28.16510009765625 1,18.5 z" Stroke="{x:Null}" Visibility="Collapsed" x:Name="path" Margin="1.5,0,1.5,3">
                                <Path.Fill>
                                    <RadialGradientBrush GradientOrigin="0.481,0.537">
                                        <RadialGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <ScaleTransform ScaleX="1" ScaleY="1"/>
                                                <SkewTransform AngleX="0" AngleY="0"/>
                                                <RotateTransform Angle="0"/>
                                                <TranslateTransform X="0.006" Y="0.013"/>
                                            </TransformGroup>
                                        </RadialGradientBrush.RelativeTransform>
                                        <GradientStop Color="#FFBFBFBF" Offset="0"/>
                                        <GradientStop Color="#FF484848" Offset="0.99444442987442017"/>
                                        <GradientStop Color="#FF8D8C8B" Offset="0.918"/>
                                    </RadialGradientBrush>
                                </Path.Fill>
                            </Path>

                            <Path
								Margin="4,1,0,2"
								HorizontalAlignment="Center"
								VerticalAlignment="Center"
								Height="15"
								Width="14"
								Stretch="Fill"
								Opacity="1"
								Data="M 0,1 C0,1 14,8 14,8 14,8 0,16 0,16 0,16 0,1 0,1 z"
								Fill="#e1e1e0" />
                            <Path
								Margin="4,0,0,2"
								HorizontalAlignment="Center"
								VerticalAlignment="Center"
								Height="15"
								Width="14"
								Stretch="Fill"
								Opacity="1"
								Data="M 0,0 C0,0 14,7 14,7 14,7 0,15 0,15 0,15 0,0 0,0 z"
								Fill="#2b2c2c" />





                        </Grid>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsFocused" Value="True"/>
                            <Trigger Property="IsDefaulted" Value="True"/>
                            <Trigger Property="IsMouseOver" Value="True"/>
                            <Trigger Property="IsPressed" Value="True">
                                <Setter Property="Visibility" TargetName="path" Value="Visible"/>
                            </Trigger>
                            <Trigger Property="IsEnabled" Value="False"/>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <Setter Property="Cursor" Value="Hand"/>
        </Style>
        <Style x:Key="customNavigator" TargetType="{x:Type igWindows:CarouselPanelNavigator}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type igWindows:CarouselPanelNavigator}">
                        <StackPanel Opacity="1" HorizontalAlignment="Stretch" x:Name="carouselPanelShell" VerticalAlignment="Stretch" Width="Auto" Height="Auto" Orientation="Horizontal">
                            <Button 
								x:Name="navigateLineLeft" 
								Style="{DynamicResource btnNavPrev}"
                                Click="OnSelectPreviousAlbum" 
								Width="Auto" Content="" Margin="0,0,5,0"/>
                            <Button 
								x:Name="navigateLineRight" 
								Style="{DynamicResource btnNavNext}" Width="Auto" Content=""
                                Click="OnSelectNextAlbum" 
								Height="Auto" 								
								/>
                        </StackPanel>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <Setter Property="Margin" Value="0,0,15,7"/>
            <Setter Property="HorizontalAlignment" Value="Right"/>
            <Setter Property="VerticalAlignment" Value="Top"/>
        </Style>

        <Path  x:Key="HorizontalPath" Data="M0,0.5 L1,0.5"/>

        <Style x:Key="CellImageStyle" TargetType="{x:Type igDP:CellValuePresenter}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type igDP:CellValuePresenter}">
                        <Grid Background="Black" Height="300" Width="400">
                            <Grid.RowDefinitions>
                                <RowDefinition Height=".5*" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height=".5*" />
                            </Grid.RowDefinitions>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto" />
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>

                            <Image Margin="25" Grid.Row="1" Grid.Column="0" Stretch="Uniform" Source="{Binding DataItem.Icon}" Height="250" Width="250" />
                            <Grid Grid.Column="1" Grid.Row="0" Grid.RowSpan="3">
                                <StackPanel Orientation="Vertical">
                                    <Label FontWeight="Heavy" Background="Red" Foreground="Gray" HorizontalAlignment="Stretch" HorizontalContentAlignment="Center" Content="{Binding DataItem.MediaName}" />
                                    <Label FontWeight="Heavy" Background="Black" Foreground="Gray" HorizontalAlignment="Stretch" HorizontalContentAlignment="Center" Content="{Binding DataItem.Album}" />
                                </StackPanel>
                            </Grid>
                        </Grid>

                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

        <Style x:Key="MediaNameLabelStyle" TargetType="{x:Type igDP:CellValuePresenter}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type igDP:CellValuePresenter}">
                        <Label FontWeight="Heavy" Background="Black" Foreground="Gray" HorizontalAlignment="Stretch" HorizontalContentAlignment="Center" Content="{Binding DataItem.MediaName}" />
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

        <Style x:Key="AlbumLabelStyle" TargetType="{x:Type igDP:CellValuePresenter}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type igDP:CellValuePresenter}">
                        <Label FontWeight="Heavy" Background="Black" Foreground="Gray" HorizontalAlignment="Stretch" HorizontalContentAlignment="Center" Content="{Binding DataItem.Album}" />
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

    </UserControl.Resources>

    <Grid Background="Black">
        <Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch" x:Name="MusicBrowserShell">


            <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <RowDefinition Height="57.344"/>
            </Grid.RowDefinitions>

            <Grid x:Name="Footer" Width="Auto" Height="Auto" Grid.Row="1">
                <Border Margin="0,0,0,0" x:Name="footer" BorderBrush="#FF474747" BorderThickness="1,1,1,1" CornerRadius="0,0,3,3" SnapsToDevicePixels="True">
                    <Border.Background>
                        <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
                            <GradientStop Color="#FF979596" Offset="1"/>
                            <GradientStop Color="#FFC5C5C4" Offset="0"/>
                        </LinearGradientBrush>
                    </Border.Background>
                </Border>
                <Rectangle Fill="#FFE0E0E0" Stroke="{x:Null}" Margin="1,1,1,0" x:Name="footerBottomBorder" VerticalAlignment="Top" Height="1" SnapsToDevicePixels="True"/>
                <Border SnapsToDevicePixels="True" HorizontalAlignment="Center" VerticalAlignment="Center" Width="446" Height="44" BorderThickness="1,1,1,0" CornerRadius="4,4,4,4">
                    <Border.Background>
                        <LinearGradientBrush EndPoint="0.874,1.015" StartPoint="0.874,-0.03">
                            <GradientStop Color="#FF959985" Offset="0"/>
                            <GradientStop Color="#FFE1E0E0" Offset="1"/>
                        </LinearGradientBrush>
                    </Border.Background>
                    <Border.BorderBrush>
                        <LinearGradientBrush EndPoint="0.5,1.015" StartPoint="0.5,-0.007">
                            <GradientStop Color="#FF56584C" Offset="0"/>
                            <GradientStop Color="#FF959985" Offset="1"/>
                        </LinearGradientBrush>
                    </Border.BorderBrush>
                </Border>
                <Border BorderThickness="1,0,1,1" CornerRadius="4,4,4,4" SnapsToDevicePixels="True" HorizontalAlignment="Center" Margin="0,1,0,0" VerticalAlignment="Center" Width="444" Height="41">
                    <Border.Background>
                        <LinearGradientBrush EndPoint="0.874,1.015" StartPoint="0.874,-0.03">
                            <GradientStop Color="#FFFEFFE8" Offset="0"/>
                            <GradientStop Color="#FFD6DBBF" Offset="1"/>
                        </LinearGradientBrush>
                    </Border.Background>
                    <Border.BorderBrush>
                        <LinearGradientBrush EndPoint="0.5,1.015" StartPoint="0.5,-0.007">
                            <GradientStop Color="#FFC1C6AC" Offset="0"/>
                            <GradientStop Color="#FFC1C6AC" Offset="1"/>
                        </LinearGradientBrush>
                    </Border.BorderBrush>
                </Border>
            </Grid>

            <igDP:XamDataCarousel DataSource="{Binding UPnPMediaResults}"
                                          Margin="0,20,0,0" HorizontalAlignment="Stretch" 
                                          VerticalAlignment="Stretch" 
                                          GroupByAreaLocation="None" 
                                          x:Name="albumCarousel"
                                          AutoFit="True" 
                                          Background="Black"
                                          DataSourceResetBehavior="DiscardExistingRecords"
                                          DataContextChanged="OnSourceUpdated"                                         
                                          ActiveDataItem="{Binding Path=ActiveRecord}"
                                          ActiveRecord="{Binding Path=ActiveRecord2}"
                                          SelectedItemsChanging="OnAlbumSelected"
                                          RecordsInViewChanged="OnRecordsInViewChanged"                                          
                                          Grid.Row="0"
                                          Grid.RowSpan="1">

                <igDP:XamDataCarousel.FieldSettings>
                    <igDP:FieldSettings CellClickAction="SelectRecord"/>
                </igDP:XamDataCarousel.FieldSettings>

                <igDP:XamDataCarousel.FieldLayoutSettings>
                    <igDP:FieldLayoutSettings AutoArrangeCells="Never" AutoGenerateFields="False" SelectionTypeRecord="Single"/>
                </igDP:XamDataCarousel.FieldLayoutSettings>

                <igDP:XamDataCarousel.FieldLayouts>
                    <igDP:FieldLayout>
                        <igDP:FieldLayout.Fields>
                            <igDP:Field Name="Icon">
                                <igDP:Field.Settings>
                                    <igDP:FieldSettings CellValuePresenterStyle="{StaticResource CellImageStyle}" />
                                </igDP:Field.Settings>
                            </igDP:Field>
                        </igDP:FieldLayout.Fields>
                    </igDP:FieldLayout>
                </igDP:XamDataCarousel.FieldLayouts>

                <igDP:XamDataCarousel.ViewSettings>
                    <igWindows:CarouselViewSettings ItemSize="400,300" 
						ReserveSpaceForReflections="True"					
						ItemPath="{StaticResource HorizontalPath}"
						ItemsPerPage="7" 
						UseOpacity="True"
						UseZOrder="True"
						UseSkewing="True"
						UseScaling="True" 
						CarouselPanelNavigatorStyle="{StaticResource customNavigator}"
						ItemPathAutoPad="False" ItemPathPadding="0,30,0,0" AutoScaleItemContentsToFit="True" ScalingEffectStopDirection="UseItemPath" ItemPathPrefixPercent="0.15" ItemPathSuffixPercent="0.15" IsListContinuous="False" ZOrderEffectStopDirection="UseItemPath" >

                        <!-- SET CUSTOM OpacityEffectStops SO THAT ITEMS TO THE LEFT AND RIGHT OF THE THE MIDDLE ITEM ARE SEMI_TRANSPARENT 
             NOTE: WE ALSO SET OpacityEffectStopDirection ABOVE ON PathPanel SO THE STOPS ARE EVALUATED BASED ON AN ITEM'S POSITION ALONG THE PATH
             NOTE: WE ALSO SET THE UseOpacity PROPERTY TO TRUE TO ENABLE OPACITY EFFECTS-->
                        <igWindows:CarouselViewSettings.OpacityEffectStops>
                            <igWindows:OpacityEffectStopCollection>
                                <igWindows:OpacityEffectStop Offset=".15" Value="1"/>
                                <igWindows:OpacityEffectStop Offset=".5" Value="1.0"/>
                                <igWindows:OpacityEffectStop Offset=".85" Value="1"/>
                            </igWindows:OpacityEffectStopCollection>
                        </igWindows:CarouselViewSettings.OpacityEffectStops>


                        <!-- SET CUSTOM SkewAngleYEffectStops SO THAT ITEMS TO THE LEFT AND RIGHT OF THE THE MIDDLE ITEM ARE ANGLED 
					   NOTE: WE ALSO SET SkewAngleYEffectStopDirection ABOVE ON PathPanel SO THE STOPS ARE EVALUATED BASED ON AN ITEM'S POSITION ALONG THE PATH
					   NOTE: WE ALSO SET THE UseSkewing PROPERTY TO TRUE TO ENABLE SKEWING-->
                        <igWindows:CarouselViewSettings.SkewAngleYEffectStops>
                            <igWindows:SkewAngleYEffectStopCollection>
                                <igWindows:SkewAngleYEffectStop Offset="0.15" Value="-20"/>
                                <igWindows:SkewAngleYEffectStop Offset="0.45" Value="-20"/>
                                <igWindows:SkewAngleYEffectStop Offset="0.5" Value="0"/>
                                <igWindows:SkewAngleYEffectStop Offset="0.55" Value="20"/>
                                <igWindows:SkewAngleYEffectStop Offset="0.85" Value="20"/>
                            </igWindows:SkewAngleYEffectStopCollection>
                        </igWindows:CarouselViewSettings.SkewAngleYEffectStops>


                        <!-- SET CUSTOM ZOrderEFfectStops SO THAT THE MIDDLE ITEM IS TOPMOST 
						(NOTE WE ALSO SET ZOrderEffectStopDirection ABOVE ON PathPanel SO THE STOPS ARE EVALUATED BASED ON AN ITEM'S POSITION ALONG THE PATH -->
                        <igWindows:CarouselViewSettings.ZOrderEffectStops>
                            <igWindows:ZOrderEffectStopCollection>
                                <igWindows:ZOrderEffectStop Offset="0.0" Value="0"/>
                                <igWindows:ZOrderEffectStop Offset="0.5" Value="1.0"/>
                                <igWindows:ZOrderEffectStop Offset="1.0" Value="0"/>
                            </igWindows:ZOrderEffectStopCollection>
                        </igWindows:CarouselViewSettings.ZOrderEffectStops>


                        <!-- SET CUSTOM ScalingEffectStops SO THAT THE MIDDLE ITEM IS LARGEST
					   (NOTE WE ALSO SET ScalingEffectStopDirection ABOVE ON PathPanel SO THE STOPS ARE EVALUATED BASED ON AN ITEM'S POSITION ALONG THE PATH
					    NOTE: WE ALSO SET THE UseScaling PROPERTY TO TRUE TO ENABLE SCALING-->
                        <igWindows:CarouselViewSettings.ScalingEffectStops>
                            <igWindows:ScalingEffectStopCollection>
                                <igWindows:ScalingEffectStop Offset="0.0" Value="0.4"/>
                                <igWindows:ScalingEffectStop Offset="0.4" Value="0.4"/>
                                <igWindows:ScalingEffectStop Offset="0.5" Value="1.5"/>
                                <igWindows:ScalingEffectStop Offset="0.6" Value="0.4"/>
                                <igWindows:ScalingEffectStop Offset="1.0" Value="0.4"/>
                            </igWindows:ScalingEffectStopCollection>
                        </igWindows:CarouselViewSettings.ScalingEffectStops>
                    </igWindows:CarouselViewSettings>
                </igDP:XamDataCarousel.ViewSettings>
            </igDP:XamDataCarousel>

            <StackPanel Orientation="Vertical" d:LayoutOverrides="GridBox" HorizontalAlignment="Center" VerticalAlignment="Center" Grid.Row="1">
                <TextBlock x:Name="txtAlbumName" Foreground="#FF3C3C3C" Text="{Binding Path=ActiveRecord.MediaName}" Margin="0,0,0,0" VerticalAlignment="Center" FontFamily="pack://application:,,,/xamFeatureBrowserResources;Component/fonts/#Century Gothic" FontSize="16" HorizontalAlignment="Center" FontWeight="Bold"/>
                <TextBlock x:Name="txtArtist" Foreground="#FF3C3C3C" Text="{Binding Path=ActiveRecord.Artist}" Margin="0,0,0,0" FontFamily="pack://application:,,,/xamFeatureBrowserResources;Component/fonts/#Century Gothic" FontSize="11" HorizontalAlignment="Center" VerticalAlignment="Center" FontWeight="Normal"/>
            </StackPanel>


        </Grid>


    </Grid>
</UserControl>
